<html>
    <body>
        <head>
            <script type="text/javascript" src="../javascript/clock.js">
            </script>
        </head>
        <body style="background: #000">
            <div style="text-align: center; font-size: 72px; font-weight: bold; color:#FFF; margin-top: 200px">
                2012
            </div>
            <div style="margin: auto; width: 830px">
                <div style="text-align: center; font-size: 42px; font-weight: bold; color:#FFF; float: left">
                    It's about to be&nbsp;
                </div>
                <div style="text-align: center; font-size: 42px; font-weight: bold; color:#F00; float: left">
                    The End&nbsp;
                </div>
                <div id="end" style="text-align: center; font-size: 42px; font-weight: bold; color:#FFF; float: left">
                </div>
            </div>
            <div style="text-align: center; font-size: 48px; font-weight: bold; color:#FFF; margin-top: 60px">
                Are you ready?
            </div>
            <script type="text/javascript">
                setInterval(function() {
                    var str = ': ' + getTime() + ' s';
                    document.getElementById('end').innerHTML = str;
                }, 100);
            </script>
        </body>
</html>